<template>
  <div>
     <Header></Header>
     <router-view></router-view>
    <Footer v-show="!$route.meta.isHide"></Footer>
  </div>
</template>

<script>
import Header from '@/components/Heder'
import Footer from '@/components/Footer'
export default {
  name:'App',
  components:{
    Header,
    Footer
  },
 
   mounted(){
      this.getCategoryList()
  },
  methods:{
      getCategoryList(){
          //出发分发action对应的函数本质是在调用actions的对象的函数
          this.$store.dispatch('getCategoryList')
      }

}
}

</script>

<style lang="less" scoped>

</style>
